.iview-checkbox-style {
  @checkbox-color: #63EBCA;

  .ivu-checkbox-wrapper {
    color: #D3D6D9;

    // hover
    &:hover {
      /deep/.ivu-checkbox {
        .ivu-checkbox-inner {
          border: 1px solid @checkbox-color;
        }
      }
    }

    /deep/.ivu-checkbox {
      .ivu-checkbox-inner {
        width        : 18px;
        height       : 18px;
        background   : #585F5F;
        border-radius: 2px;
        border       : 1px solid #979797;
      }

      // checked
      &.ivu-checkbox-checked {
        .ivu-checkbox-inner {
          border: 1px solid @checkbox-color;

          &::after {
            border-color: @checkbox-color;
            width       : 7px;
            height      : 12px;
            top         : 0px;
          }
        }
      }
    }

    .ivu-checkbox-wrapper-checked {}
  }

}